﻿
@{
    ViewBag.Title = "EasyuiDemo";
}
<link href="~/Scripts/jquery-easyui-extensions/panel/jeasyui.extensions.panel.css" rel="stylesheet" />
<script src="~/Scripts/jquery-easyui-extensions/panel/jeasyui.extensions.panel.iframe.js"></script>

<div id="tabs1" class="easyui-tabs" data-options="fit:true,border:false">
    <div data-options="title:'标签页1',closable:true" style="padding:15px;">
        标签页1
        <br />
        <a id="btn1" class="easyui-linkbutton">iframe方式打开标签2</a>
    </div>
    <div data-options="title:'标签页3'" style="padding:15px;">
        标签页3
    </div>
    <div data-options="title:'标签页4'" style="padding:15px;">
        标签页4
    </div>
</div>

<script>
    $(function () {
        $("#btn1").click(function () {
            var tabs = $("#tabs1");
            if (tabs.tabs("exists", "iframe标签")) {
                return;
            }
            tabs.tabs("add", {
                title: "iframe标签",
                closable: true, iniframe: true,
                href: '/Blank/NotFoundIndex'
            });
        });
    });
</script>
